<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<title>活动通知</title>
		<link href="css/common.css" rel="stylesheet" type="text/css" />
		<link href="css/normolize.css" rel="stylesheet" type="text/css" />
		<!--[if IE 9]> <link href="css/ieHack9.css" rel="stylesheet" type="text/css" /> <![endif]-->
		<!--[if IE 8]> <link href="css/ieHack.css" rel="stylesheet" type="text/css" /><link href="css/ieHack8.css" rel="stylesheet" type="text/css" /> <![endif]-->
		<!--[if lte IE 7]> <link href="css/ieHack.css" rel="stylesheet" type="text/css" /> <![endif]-->
		<style>
			.noticeList { margin-top: 30px; }  .noticeList li { margin-left: 1px; line-height: 20px; position: relative; width: 100%; padding: 10px 40px; cursor: pointer; background: #fff; transition: background .2s ease-in; -webkit-transition: background .2s ease-in; -mos-transition: background .2s ease-in; -moz-transition: background .2s ease-in; }  .noticeList li.open { background: #eeeeee; transition: background .2s ease-in; -webkit-transition: background .2s ease-in; -mos-transition: background .2s ease-in; -moz-transition: background .2s ease-in; }  .noticeList li span { vertical-align: middle; line-height: 20px; display: inline-block; }  .noticeList li i.icon.icon_circle { height: 20px; background-position: -174px -453px; }  .noticeList li.read i.icon.icon_circle { background-position: -174px -432px; }  .noticeList li.read span, .noticeList li.read p { color: #999; }  .noticeList li .caret { border-top-color: #666; margin-left: 10px; margin-top: 6px; }  .noticeList li.read .caret { border-top-color: #999; }  .noticeList li.open .caret { border-top-color: transparent; border-bottom-color: #666; margin-top: -6px; }  .noticeList li.open.read .caret { border-top-color: transparent; border-bottom-color: #999; }  .noticeList li .content { padding: 20px; }  .noticeList li.read .content { margin-left: 1px; color: #999; }	
		</style>
	 
	</head>

	<body>
		<script src="js/tpl/header.js" type="text/javascript" charset="utf-8"></script>
		<div class="page-wrapper productlist minwidth border" id="page-wrapper">
			<div class="line"></div>
			<script src="js/tpl/adminMenu.js" type="text/javascript" charset="utf-8"></script><div class="vertival-line"></div>
			<div class="page-content">
				<div class="tablist">
					<ul>
						<li class="tabItem ">
							<a href="noticeCenter.html#notice">全部通知</a>
						</li>
						<li class="tabItem ">
							<a href="systemNoticeCenter.html#notice">系统通知</a>
						</li>
						<li class="tabItem active">
							<a href="activityNoticeCenter.html#notice">活动通知</a>
						</li>
						<li class="tabItem ">
							<a href="platformNoticeCenter.html#notice">平台通知</a>
						</li>
					</ul>
				</div>

				<div class="">
					<ul class="noticeList" id="itemContainer">
						<!-- class:read表示已读  open表示下拉状态  -->
						<li class="noticeItem">
							<i class="icon icon_circle "></i>
							<span> 十万码力重磅出击，奇十正一正式上线！  </span>
							<span class="fr">2016-07-14  10:01:34<span class="caret"></span></span>

							<div class="content none clearfix over-hidden" style="text-indent: 40px;">
								为提升服务能力和服务水平，为广大客户提供一个更好的服务平台，即日起，我司官方奇十正一平台正式上线！我司奇十正一平台 主要致力于为广大客户进行二维码采集，最新的行业热点资讯。我司将充分利用这一平台优势，为大家提供更方便快捷的互动形式，使奇十 正一的服务品质进一步得到提高。欢迎关注！ 
							</div>
						</li>

						<li class="read noticeItem">
							<i class="icon icon_circle "></i>
							<span>十万码力重磅出击，奇十正一正式上线！  </span>
							<span class="fr">2016-07-14  10:01:34<span class="caret"></span></span>
							
							<div class="content none clearfix over-hidden" style="text-indent: 40px;">
								为提升服务能力和服务水平，为广大客户提供一个更好的服务平台，即日起，我司官方奇十正一平台正式上线！我司奇十正一平台 主要致力于为广大客户进行二维码采集，最新的行业热点资讯。我司将充分利用这一平台优势，为大家提供更方便快捷的互动形式，使奇十 正一的服务品质进一步得到提高。欢迎关注！ 
							</div>
							
						</li>
						
						<li class="noticeItem">
							<i class="icon icon_circle "></i>
							<span>十万码力重磅出击，奇十正一正式上线！  </span>
							<span class="fr">2016-07-14  10:01:34<span class="caret"></span></span>

							<div class="content none clearfix over-hidden" style="text-indent: 40px;">
								为提升服务能力和服务水平，为广大客户提供一个更好的服务平台，即日起，我司官方奇十正一平台正式上线！我司奇十正一平台 主要致力于为广大客户进行二维码采集，最新的行业热点资讯。我司将充分利用这一平台优势，为大家提供更方便快捷的互动形式，使奇十 正一的服务品质进一步得到提高。欢迎关注！ 
							</div>
						</li>

						<li class="read noticeItem">
							<i class="icon icon_circle "></i>
							<span>十万码力重磅出击，奇十正一正式上线！  </span>
							<span class="fr">2016-07-14  10:01:34<span class="caret"></span></span>
							
							<div class="content none clearfix over-hidden" style="text-indent: 40px;">
								为提升服务能力和服务水平，为广大客户提供一个更好的服务平台，即日起，我司官方奇十正一平台正式上线！我司奇十正一平台 主要致力于为广大客户进行二维码采集，最新的行业热点资讯。我司将充分利用这一平台优势，为大家提供更方便快捷的互动形式，使奇十 正一的服务品质进一步得到提高。欢迎关注！ 
							</div>
							
						</li>
						

					</ul>
				</div>
               
                <div class="pagelist fr" style="margin-right:40px;margin-top:30px;">
							<div class=" pagedesc fl">当前<span class="currentPage"></span>/<span class="totalpage"></span>，每页<span class="perpage"></span>条，共<span class="totalnumber"></span>条</div>
							<div class="pagination inline-block fl"></div>
							<div class="inline-block fl">
								到第<input type="text" value="" class="gotopage" />页 <input type="button" value="跳转" class="search-input-button border-radius bgblue gotopage_button"></span>
							</div>
				</div>
			</div>
		</div>

		<div class="footer">
			<div class="footercontainer">
				<ul>
					<li>
						<a href="#">关于我们</a>
					</li>
					<li>
						<a href="#">服务与支持</a>
					</li>
					<li>
						<a href="#">常见问题</a>
					</li>
					<li>
						<a href="#">人才招聘</a>
					</li>
					<li>
						<a href="#">加盟合作</a>
					</li>
				</ul>

				<div style="margin-top:13px;">版权所有@ 2015 - 2016 深圳在乎传媒科技有限公司 粤ICP备15107022-1号</div>
			</div>

		</div>

		

	</body>

	<script src="js/jquery-1.8.2.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/page/jPages.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/page/pageFun.js" type="text/javascript" charset="utf-8"></script>
	<script>
	
	$(function(){
		var pageObj = new pageFun();
		 //参数每页多少个,当前页,总个数,容器的ID
		pageObj.init(5, 1, 5, 'itemContainer');
		
		$('.noticeList li').click(function(){
	  	  	$(this).siblings().removeClass('open');
	  	    $(this).siblings().find('.content').slideUp();
	  	    
	  		$(this).toggleClass('open');
	  	    $(this).find('.content').slideToggle();
	  	})
		
	})
	  	  
	  	
	
	</script>

</html>